.flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-box-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-box-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-box-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-box-h-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    justify-content: center;
    text-align: center
}

.flex-box-h-between {
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    -moz-box-align: space-between;
    justify-content: space-between;
    text-align: space-between
}

.flex-box-v-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    align-items: center;
}
.flex-box-v-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -moz-box-pack: stretch;
    align-items: stretch;
}
.flex-item-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-item-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

/* 主色调 用在所用希望用户点击的地方 */
.bg_main {
    background-color: #f8584f;
}

/* 背景色 */
.bg_f7 {
    background-color: #f7f7f7;
}

/* 用于不可使用状态的点击区域 */
.bg_c7 {
    background-color: #c7c7c7;
}

/* 字体主色调 */
.font_c_main {
    color: #333;
}

/* nav及tab中的Icon用色 */
.font_c_45 {
    color: #454545;
}

/* 用于提示&未输入等辅助内容文字色 */
.font_c_91 {
    color: #919191;
}

/* 字体高亮及选中状态的颜色 */
.font_c_red {
    color: #f8584f;
}

.font_c_pink {
    color: #FF4091;
}

/* 白色字体 */
.font_c_fff {
    color: #fff;
}

/* 不可用字体 */
.font_c_c7 {
    color: #c7c7c7;
}

/* 主色调 */
.font_c_8e {
    color: #8E9192;
}

/* tab颜色 */
.font_c_c8 {
    color: #c8c8c8;
}

/* 金色 */
.font_c_golden {
    color: #EFA80F;
}

/* 分割线 */
.line_c_ea {
    /* background-color: #eaeaea; */
    border-color: #eaeaea;
}

/* 用于nav标题  最大的字号 */
.font_s_34 {
    font-size: 34rpx;
}

/* 用于btn中大按钮的文字*/
.font_s_32 {
    font-size: 32rpx;
}

/* 用于nav右侧操作（如编辑、完成） 及大部分内容字体*/
.font_s_30 {
    font-size: 30rpx;
}

/* 用于btn中等及个人中心按钮的文字*/
.font_s_28 {
    font-size: 28rpx;
}

/* 用于大部分页面内容辅助信息 */
.font_s_24 {
    font-size: 24rpx;
}

/* 用于最小的btn及tag中的文字 */
.font_s_22 {
    font-size: 22rpx;
}

/* 用于所有的tab中 */
.font_s_20 {
    font-size: 20rpx;
}

.font_w_900 {
    font-weight: 900;
}

/* iPhoneX  底部tabbbar padding-bottom */
.ipxPb{
    padding-bottom: 76px!important;
}
/* iPhoneX  非tabbbar padding-bottom */
.xpb{
    padding-bottom: 40rpx;
}
/* 各字体和颜色请酌情使用，也可不使用类名直接使用颜色，但是一定要用规范的颜色和字体大小 */

/* 空列表提示图标 */
.listNullIcon .iconfont{
    font-size:200rpx;
    color: #999999;
}